/* pages/damage/damage.less */
@import '../../app.less';
.container {
    padding: 20rpx 14rpx 18rpx;
    .goods-info{
        padding:20rpx 20rpx 0;
        font-size: 28rpx;
        border-radius:8px;
        border:2rpx solid #EFEFEF;
        margin-bottom: 20rpx;
        background: @white;
        .goods-pic{
            width:200rpx;
            height:200rpx;
            border-radius:8rpx;
            margin-right:30rpx;
        }
        .goods-name {
            width:462rpx;
            color:@black;
            font-weight:bold;
            margin-bottom: 40rpx;
            .twoline()
        }
        .goods-text {
            color: #9F9F9F;
        }
        .apply {
            margin-top: 20rpx;
            color: #272729;
            .apply-item {
                border-top: 2rpx solid #DADADA;
                height: 78rpx;
                line-height: 78rpx;
                padding-right: 22rpx;
                radio {
                    margin-left: 38rpx;
                    .wx-radio-input{
                        width: 28rpx;
                        height: 28rpx;
                     }
                     .wx-radio-input.wx-radio-input-checked{
                        width: 14rpx;
                        height: 14rpx;
                        border: 10rpx solid #444444;
                        background-color: #fff;
                        &::before {
                            font-size: 0rpx;
                        }
                    }
                }
                .apply-r {
                    .number-input {
                        height: 40rpx!important;
                        border-radius: 4rpx;
                        text-align: center;
                        width: 80rpx;
                        background: #EBEBEB;
                        position: relative;
                        top: 50%;
                        margin-top: -20rpx;
                    }
                    .number-btn {
                        padding: 0 15rpx;
                        font-size: 32rpx;
                        color: #535252;
                    }
                    .number-btn.disabled {
                        color: #C8C8C8;
                    }
                }
            }
        }
    }
    .apply-title {
        font-size: 32rpx;
        color: @main-color;
        font-weight: 500;
        &::after {
            content:"*";
            width: 20rpx;
            height: 20rpx;
            color: #FF6161;
        }
    }
    .apply-txt {
        border-radius: 8rpx;
        border: 2rpx solid #EFEFEF;
        padding: 20rpx;
        background: @white;
        margin-top: 10rpx;
        font-size: 24rpx;
        text-align: right;
        textarea {
            width: 100%;
            border-radius: 8rpx;
            border: 2rpx solid #9F9F9F;
            padding: 16rpx;
            text-align: left;
        }
        text {
            color: #9F9F9F;
            position: relative;
            top: -45rpx;
            right: 20rpx;
        }
        .apply-photo {
            border-radius: 8rpx;
            width: 140rpx;
            height: 140rpx;
            border: 2rpx dashed #9F9F9F;
            text-align: center;
            padding: 20rpx;
            .apply-t {
                width: 60rpx;
                height: 60rpx;
                border-radius: 50%;
            }
            .apply-b {
                color: #9F9F9F;
            }
        }
        .del-box {
            margin-left: 20rpx;
            position: relative;
            .damage-pic,.del-btn {
                border-radius: 8rpx;
                width: 140rpx;
                height: 140rpx;
            }
            .del-btn {
                text-align: center;
                position: absolute;
                top: 0;
                left: 0;
                color: #ccc;
                background-color: rgb(0, 0, 0);
            }
        }
    }
    .return {
        height: 80rpx;
        line-height: 80rpx;
        padding: 0 20rpx;
        background: @white;
        border-radius: 8rpx;
        margin: 20rpx 0;
        font-size: 28rpx;
        border: 2rpx solid #EFEFEF;
        color: #444444;
    }
    .submit {
        height:88rpx;
        background:linear-gradient(136deg,rgba(102,102,102,1) 0%,rgba(43,43,43,1) 100%);
        box-shadow:0rpx 4rpx 6rpx 0rpx rgba(89,89,89,1);
        border-radius:8px;
        text-align: center;
        line-height: 80rpx;
        color: #FFCD81;
        font-size: 24rpx;
    }
}